<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- css提供5个定位:浮动定位 float属性
		                    none默认不浮动 
                            left  左浮动							
							right  右浮动
							clear属性 作用:清除浮动
							left左  right右  both左右
		     概念:让元素脱离文档流的一种定位方式
			      浮动元素可以向左、向右
				  通常用于左右布局、图片与文本环绕...
			注意:一旦元素加浮动,元素变成块级元素
		    1.浮动定位
			2.相对定位
			3.绝对定位
			4.普通流(文档流)定位
			按照元素分类进行定位
			5.固定定位
			元素定死在页面不动
		主要功能:页面元素布局	
		 -->
	</head>
	<!-- 外部css定位的代码 -->
	<link rel="stylesheet" href="css/哈基定位.css"/>
	<style>
		
	</style>
	<body>
		<div class="d1">三哥</div>
		<div class="d2">coke酱</div>
		<div class="d3">坤坤</div>
		<div class="d4">#@*&%#&</div>
		
	</body>
</html>